<div xmlns="http://www.w3.org/1999/xhtml"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     class="block-frame">

    <f:verbatim>
        <script type="text/javascript">
            $(function () {
                $("#tree").treeview({
                    collapsed:true,
                    animated:"fast",
//                    control:"#sidetreecontrol",
                    prerendered:true,
                    persist:"location"
                });
            })

        </script>
    </f:verbatim>

    <ui:fragment>
        <f:event listener="#{modulesController.initModuleList}" type="preRenderView"/>
    </ui:fragment>

    <div class="top">
        <div>
            <div></div>
        </div>
    </div>
    <div class="middle">
        <div id="sidetree" class="block-body">
            <div class="block-header">
                <div id="sidetreecontrol">
                    <h:outputText value="#{msgs['menu']}"/>
                </div>
            </div>
            <div class="block-content-p1">
                <ul class="treeview" id="tree">
                    <!--<li class="#{modulesController.allModulesSize == 0 ? 'last' : ''}">-->
                    <!--<h:link outcome="/main" value="#{msgs['main']}" title="#{msgs['main']}"/>-->
                    <!--</li>-->
                    <ui:repeat value="#{modulesController.allModules}" var="module"
                               varStatus="moduleindex">
                        <li class="#{moduleindex.last ? 'last' : ''}">
                            <h:link outcome="/modules/index" value="#{module.name}" title="#{module.name}">
                            <!--<h:link outcome="/modules/#{module.code}/index" value="#{module.name}" title="#{module.name}"/>-->
                            <!--<h:link outcome="/modules/#{module.code}/index" value="#{module.name}"-->
                                    <!--title="#{module.name}">-->
                                <f:param name="module" value="#{module.code}"/>
                            </h:link>
                        </li>
                    </ui:repeat>
                </ul>
                <!--<ul class="treeview" id="tree">-->
                <!--<li class="expandable">-->
                <!--<div class="hitarea expandable-hitarea"></div>-->
                <!--<h:link outcome="/main/index">#{msgs['/main/index']}</h:link>-->
                <!--<ul style="display: none;">-->
                <!--<li class="expandable lastExpandable">-->
                <!--<div class="hitarea expandable-hitarea lastExpandable-hitarea"></div>-->
                <!--<h:link outcome="/main/technologies/index">#{msgs['/main/technologies/index']}</h:link>-->
                <!--<ul style="display: none;">-->
                <!--<li><h:link-->
                <!--outcome="/main/technologies/mojarra/index">#{msgs['/main/technologies/mojarra/index']}</h:link>-->
                <!--</li>-->
                <!--<li><h:link-->
                <!--outcome="/main/technologies/spring/index">#{msgs['/main/technologies/spring/index']}</h:link>-->
                <!--</li>-->
                <!--<li class="last"><h:link-->
                <!--outcome="/main/technologies/springSecurity/index">#{msgs['/main/technologies/springSecurity/index']}</h:link>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</li>-->
                <!--</ul>-->
                <!--</li>-->
                <!--todo не удалять оставить для примера-->
                <!--<li class="expandable">-->
                <!--<div class="hitarea expandable-hitarea"></div>-->
                <!--<h:link outcome="/admin/index">#{msgs['/admin/index']}</h:link>-->
                <!--<ul style="display: none;">-->
                <!--<li><h:link outcome="/admin/users/index">#{msgs['/admin/users/index']}</h:link></li>-->
                <!--<li><h:link outcome="/admin/roles/index">#{msgs['/admin/roles/index']}</h:link></li>-->
                <!--<li class="last"><h:link outcome="/admin/acl/index">#{msgs['/admin/acl/index']}</h:link></li>-->
                <!--</ul>-->
                <!--</li>-->
                <!--<li><h:link outcome="/admin/rolesPage">#{msgs['/admin/index']}</h:link></li>-->
                <!--<li><h:link outcome="/content/dictsPage">#{msgs['/content/index']}</h:link></li>-->
                <!--<li><h:link outcome="/setting/systemPropsPage">#{msgs['/setting/index']}</h:link></li>-->
                <!--<li class="last"><h:link outcome="/help/index">#{msgs['/help/index']}</h:link></li>-->
                <!--</ul>-->
            </div>
        </div>
    </div>
    <div class="bottom">
        <div>
            <div></div>
        </div>
    </div>

</div>

